import React from 'react'


let processList = [
    {
        url: '/static/aboutImg/1@2x.png', txt: '产品规划', info: '\n' +
            '                                产品经理\n' +
            '需求评估/市场调研/策划设计/原型制作\n' +
            '                            '
    },


    {
        url: '/static/aboutImg/2@2x.png', txt: '界面设计', info: '\n' +
            '                                ui设计师/ux设计师\n' +
            ' 用户研究/风格设计/视觉设计/交互设计\n' +
            '                            '
    },
    {
        url: '/static/aboutImg/3@2x.png', txt: '技术开发', info: '\n' +
            '                                开发工程师/测试工程师\n' +
            '前端开发/后端开发/性能测试/兼程适配测试\n' +
            '                            '
    },
    {
        url: '/static/aboutImg/4@2x.png', txt: '上线测评', info: '\n' +
            '                                项目经理\n' +
            '部署准备/商家应用市场/交付文档\n' +
            '                            '
    },
    {
        url: '/static/aboutImg/5@2x.png', txt: '系统维护', info: '\n' +
            '                                后续服务\n' +
            'bug修改/应急响应/运维支持/售后跟踪\n' +
            '                            '
    }
]

export default class ServiceProcess extends React.Component {
    render() {
        return (
            <div className='service_process'>
                <div className='process_tit'>
                    <img src="/static/indexImg/rule@2x.png" alt=""/>
                    <span>开发流程</span>
                </div>
                <ul className='serprocess_list'>
                    {
                        processList.map((item,index) => {
                            return (
                                <li className='serprocess_item' key={index}>
                                    <div className='serprocess_item_fl'>
                                        <img src={item.url} alt=""/>
                                        <span>{index +1}</span>
                                    </div>
                                    <div className='serprocess_item_fr'>
                                        <h2>{item.txt}</h2>
                                        <p>
                                            {item.info}
                                        </p>
                                    </div>
                                </li>
                            )
                        })
                    }

                </ul>
            </div>
        )
    }
}